<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>药库挑拨</title>
<script type="text/javascript" src="static/easyui/jquery.min.js"></script>
<script type="text/javascript" src="static/easyui/jquery.easyui.min.js"></script>
<script type="text/javascript" src="static/easyui/locale/easyui-lang-zh_CN.js"></script>
<link rel="stylesheet" href="static/easyui/themes/icon.css"/>
<link rel="stylesheet" href="static/easyui/themes/macosx/easyui.css"/>
</head>
<body>
<script type="text/javascript">
	$(function(){
		$('#tiaobo').datagrid({
		    url:'',
		    columns:[[
		    	{field:'',title:'',checkbox:true,width:"160px",align:'left'},
		    	{field:'a1',title:'编号',width:"160px",align:'left'},
				{field:'a2',title:'药品名称',width:"160px",align:'left'},
				{field:'a3',title:'药品数量',width:"160px",align:'left'},
				{field:'a4',title:'药品规格',width:"160px",align:'left'},
				{field:'a5',title:'药品价格',width:"160px",align:'left'},
				{field:'a6',title:'挑拨人',width:"160px",align:'left'},
				{field:'a7',title:'认领人',width:"160px",align:'left'}
		    ]],
		    pagination:true,
		    pageNumber:1,
		    pageSize:5,
		    pageList:[5,10,15]			       
		});	
		//新增显示
		$("#diaoboanniu").click(function(){
			$("#diaobo").window("open");
		});	
	});		
	
	//选择药品表格
	$(function(){
		$('#tiaoboyaopin').datagrid({
		    url:'',
		    columns:[[
		    	{field:'',title:'',checkbox:true,width:"160px",align:'left'},
				{field:'deptno',title:'编号',width:"160px",align:'left'},
				{field:'dname',title:'药品编号',width:"160px",align:'left'},
				{field:'loc2',title:'药品名称',width:"160px",align:'left'},					
				{field:'loc3',title:'药品数量',width:"160px",align:'left'},
				{field:'loc4',title:'供应商',width:"160px",align:'left'}
		    ]],
		    pagination:true,
		    pageNumber:1,
		    pageSize:5,
		    pageList:[5,10,15]			       
		});						
					
	});
	
	$(function(){	
		//关闭选择调拨药品界面
		$("#queding").click(function(){
			   $("#diaobo").window("close");
		});
	});
		
</script>
	<div class="easyui-layout" style="padding:20px;margin-left:20px;">
	 	<input id="ss" class="easyui-searchbox" style="width:300px" data-options="prompt:'药品名称'"></input>	 
	 </div>
	 <div class="easyui-layout" style="padding:20px;">
	 	<input class="easyui-textbox" data-options="label:'挑拨人：',width:250,labelAlign:'right'">	 	
	 	<input class="easyui-datetimebox" data-options="required:true,showSeconds:false,label:'挑拨时间：',width:250,labelAlign:'right'">
	 	<input class="easyui-combobox" data-options="label:'医院：',width:250,labelAlign:'right',editable:false">
	 	<input class="easyui-combobox" data-options="label:'科室：',width:250,labelAlign:'right',editable:false">
	 	<a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-ok',plain:true">确定</a>
	 </div>	 
	<!-- 按钮 -->
	<div id="tb" style="text-align:center;">
		<a id="diaoboanniu" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-add',plain:true">选择药品</a>
		<a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-ok',plain:true">保存</a>
	</div>
	
	<!-- 盘点药品列表 -->
	 <table id="tiaobo" class="easyui-datagrid" data-options="fitColumns:true" style="height:300px;">    	
    	<tbody>
    	   <tr>
    	   	   <td></td>
	    	   <td>6001</td>
	    	   <td>当归</td> 
	    	   <td>300</td>
	    	   <td>袋</td> 
	    	   <td>0.54</td>
	    	   <td>小a</td> 
	    	   <td>大a</td>
	    	</tr>	    	
    	</tbody>
	</table>	
	
	<!-- 选择调拨药品界面 -->
	<div id="diaobo" class="easyui-window" title="选择调拨药品" style="width:700px;height:350px" data-options="iconCls:'icon-add',closed:true">
    	<div class="easyui-layout" style="padding:20px;margin-left:15px;">
		 	<input id="ss" class="easyui-searchbox" style="width:300px" data-options="prompt:'药品名称'"></input>	 
			<a href="#" class="easyui-linkbutton" id="queding" data-options="iconCls:'icon-ok',plain:true" style="margin-left:50px;">确定</a>
		</div>    
 		<table id="tiaoboyaopin" class="easyui-datagrid" data-options="fitColumns:true" style="padding:15px;height:300px;">    	
				<tbody>
					  <tr>
					  		<td></td>
							<td>30000001</td>
							<td>1001</td>
							<td>当归</td>
							<td>20</td>
							<td>aaaa</td>
						</tr>								
				</tbody>
		</table>
	</div>
</body>
</html>